// 创建一个路由，并暴露出去

// 引入createRouter
import { createRouter, createWebHistory } from "vue-router";

import Home from "@/pages/Home.vue";
import News from "@/pages/News.vue";
import About from "@/pages/About.vue";
import NewsConten from "@/components/NewsConten.vue";
// 创建路由器
const router = createRouter({
  history: createWebHistory(), //路由器的工作模式
  routes: [
    //路由规则
    {
      name: "home",
      path: "/home",
      component: Home,
    },
    {
      name: "news",
      path: "/news",
      component: News,
      children: [
        {
          name: "xwlb",
          path: "newsconten",
          component: NewsConten,
          //第一种写法: props的布尔值写法，作用:把收到了每一组params参数，作为props传给NewsContent组件
          // props: true

          // 第二种：props的函数写法，作用:把返回的对象中每一组key-value作为props传给Detail组件
          props(route) {
            // console.log(route);
            return route.query;
          },

          // 第三种：props的对象写法，作用:把对象中的每一组key-value作为props传给NewsContent组件
          // props:{
          //     a: 100,
          //     b: 200,
          //     c:300
          // }
        },
      ],
    },
    {
      name: "about",
      path: "/about",
      component: About,
    },
    // 路由重定向
    {
      path: "/",
      redirect: "/home",
    },
  ],
});

export default router;
